@charset "UTF-8";

/*添加订单页面*/

.add-order{ margin-top: 30px;border-top: 4px solid #474e5d;}
.ad-o-h{ background-color: #f5f5f5;padding-left: 20px;line-height: 54px;color: #333;border-left: 1px solid #ddd;border-right:1px solid #ddd;}
.ad-o-h .h-txt{ font-size: 22px;font-weight: 700;}

.ad-o-b{ padding:0 20px;border:1px solid #ddd;border-top:0 none;}
.ad-o-inner{ padding: 24px 0;border-bottom:1px solid #ddd;}

.o-b-h1{ margin: 0 20px;line-height: 30px;}
.o-b-h1 .h-txt{ font-size: 16px;}
.o-b-h1 .more{ float: right;color: #4768b2;}
.o-b-h1 .more:hover{color: #ff7800;}
.o-b-txt{ color: #666;}

.ad-o-hor .o-b-h1{ float: left;width: 148px;}
.ad-o-hor .o-b-fl{ float: left;width: 820px;font-size: 14px;line-height: 30px;}
.ad-o-hor .o-b-fl a{ font-size: 14px;}


/*地址*/
.order-address { position: relative;}
.order-address .order-address-add { position: absolute;bottom: -50px;left: 0;width: 100%;background-color: #fff;padding: 6px 0;border-top: 1px dotted #ccc;}
.order-address .order-address-add:hover { background: #fff;}
.address{ max-height:300px;padding-left: 1px;margin-bottom: 50px;overflow-y:auto;}
.address li{ margin-top: 16px;padding-right: 10px;font-size: 14px;}
.address li:hover{background-color: #fff5ed;}
.address .tag-st{ position: relative;background-color: #fff;width: 170px;height: 34px;border: 1px solid #ddd;line-height: 34px;text-align: center;cursor: pointer;}
.address .tag-st .tag-txt{ max-width: 4em;*width:4em;}
.address .tag-st .rd{ display: none;}
.address .tag-st:hover{ border: 1px solid #ff7800;outline:1px solid #ff7800;}
.address .tag-st.cur{ border: 2px solid #ff7800;height: 32px;line-height: 32px;width: 168px;outline: 0 none;}
.address .tag-st.cur .rd{ position:absolute;right: 0;bottom:0;display: block;width: 11px;height: 11px;}

.address .info{ padding-left: 10px;}
.address .info span{ line-height: 34px;}
.address .info .pos{ max-width: 660px;*width:660px;}
.address .info .tel{color: #666;}

.address .op-btns{ float: right;display: none;line-height: 34px;}
.address .op-btns a{ margin-left:10px;color: #4768b2;}
.address .op-btns a:hover{ margin-left:10px;color: #ff7800;}

.o-s-t{ margin-right:20px;width: 236px;border: 1px solid #ddd;cursor:pointer;color: #666;text-align: center;}
.o-s-t .t-input{ display: none; }
.o-s-t.cur{ border:1px solid #ff7800;}

.note{ width: 700px;padding: 9px 6px;}

/*商品列表*/
/*.o-g-list{ margin: 10px 0 0;}*/
.o-g-list .pic{padding-right:0;width: 66px; }
.o-g-list .goods-img{ width: 64px;height: 64px;border:1px solid #ddd;}
.o-g-list .name{ width: 500px;}
.o-g-list .yf{ width: 80px;}


.o-sel-sub{margin-top: 20px;}
.o-sel-sub p{ padding-right: 10px;line-height: 24px;}
.o-sel-sub .label{ font-size: 14px;}
.o-sel-sub .val{ min-width: 70px;font-size: 14px;color: #ff7800;}
.o-sel-sub .total-num{ margin-top: 10px;}
.o-sel-sub .total-num .label{ font-size: 18px;}
.o-sel-sub .total-num .val{ font-size: 24px;color: #ff7800;width: auto;}

.ad-btn-wrap{ padding: 38px 10px;text-align: right;}
.ad-btn-wrap .summarize{ max-width: 700px;padding: 4px 10px;border:1px solid #ff7800;}
.ad-btn-wrap .pay-btn{ padding:9px 20px;font-size: 18px;}


/*订单详情页*/
.hr{ border-top:1px solid #474e5d;}

.order-step{ margin-top:30px;}

.order-details{ margin-top: 20px;}
.order-info{ float:left;width: 250px;border-right: 1px solid #ddd;}
.order-info .h{ background-color: #f3f3f3;padding:0 14px;height: 32px;line-height:32px;border-bottom: 1px solid #ddd;}
.order-info .info-list{padding:14px}
.order-info .info-list .item{ margin-bottom: 10px;}
.order-info .info-list .item-line{ margin: 20px 0;border-bottom: 1px dotted #ddd;}
.order-info .param-name{ width: 5em;float:left;text-align: right;color: #666;}
.order-info .param-detail{ overflow: hidden;color:#333;}
.order-info .param-detail .service{ margin-top: -4px;margin-left: 6px;}

.order-status{ margin-left: 310px;padding: 40px;}
.order-status .status-info .icon{ position: absolute;left: -60px;}
.order-status .status-info .text{ font-size: 16px;line-height: 40px;}
.order-status .status-info .time-count-down{ background: #fff !important;color: red !important;}

.order-status .status-opts .label{ margin-right: 10px;color: #666;}
.order-status .status-opts a{ margin-right: 10px;line-height: 24px;}
.order-status .status-opts a:hover{ color: #ff7800;}
.order-status .status-opts .fn-btn{ padding: 0 8px;}
.order-status .status-opts .fn-btn:hover{ color: #fff;}

.order-goods-list{ overflow: visible;}
.order-goods-list .o-g-list{ margin-top: 20px;}
.order-goods-list td{ padding: 8px 12px;}
.order-goods-list tfoot{ background-color: #f5f5f5;}
.order-goods-list .o-sel-sub { margin: 0;}
.order-goods-list .o-sel-sub p{ line-height: 1.5;}

.order-goods-list .goods-info{ padding: 0;}
.order-goods-list .goods-info td{ border-top:0;}
.order-goods-list .goods-info .express-wrap{ background:#f3f3f3;padding: 10px 14px;border-bottom: 1px solid #ddd;}

.express-wrap .package-detail{ margin-right:30px;}
.express-wrap .bl-tip-box{ left:-290px;top:30px;}
.express-wrap .package-address-detail{ padding: 6px 0;margin-bottom: -6px;margin-top: -6px;margin-left: -20px;}
.express-wrap .package-address-detail:hover .bl-tip-box{ display: block;}

/*支付页面*/
.pay-order{ margin-top: 30px;border-top: 1px solid #ddd;}
.pay-order .icon-order-status{ margin-top: -10px;}

/*支付方式*/
.pay-order .payWays .wrap { width: 188px;}
.pay-order .payWays label.icon { background-position: 0 0;width: 167px;height: 60px;}
.pay-order .payWays .pay-icon{ background-image: url(/images/pay-icon.png);}
.pay-order .payWays .pay-icon2{ background-image: url(/images/pay-icon2.png);}
.pay-order .payWays .pay-icon3{ background-image: url(/images/pay-icon3.png);}
.pay-order .payWays .pay-icon4{ background-image: url(/images/pay-icon4.jpg);}

.pay-order .payWays .cur label.icon{ background-position: 0 -60px;}
.pay-order .payWays .fn-btn{ padding: 10px 20px;margin-top: 10px;min-width: 120px; font-size: 18px;}

.wxpay-box { display: none;}
.wxpay-box .qrcode img{ background: url(/images/loading-1.gif) center no-repeat;width: 249px;height: 249px;padding: 5px;border: 1px solid #e9e9e9;}
.wxpay-box .tip-info{ background: url(/images/wx-tip.png) center no-repeat;width: 260px;height: 86px;margin:20px 0;}

